<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="transform">

    <meta name="baidu-site-verification" content="sSrE9nFHHr" />
    <meta baidu-gxt-verify-token="0cedd8469f067b548e2e2a19a196c16e">
    <meta name="360-site-verification" content="5dcd724ad92b8bba9adf192b493f6586" />

    <title>UI中国-专业界面交互设计平台</title>

    <meta name="Keywords" content="ui 设计,ue 设计,界面,界面设计,交互设计,动效设计,移 动应用界面设计,ui 平台,ui 设计师,互联网设计师,ui 学习,ui 教程,ui 源文件,ui 下载,ui 临摹,ui 活动,ui 软件,ui 工具,ui 灵感,ui 经验,主题设计,设计师简历,设 计师招聘,ui 培训,Utalk" />
    <meta name="Description" content="UI 中国,前身为 iconfans,是专业的 UI 设计师交流、学习与展示的平台。会员均为职业 UI 设计师,覆盖全国互联网公司。我们将打造中国最专业的 UI 设计交流平台,为 UI 设计师做最好的职业生涯一站式服务,提高 UI 设计乃至互联网设计的行业价值!" />

    <!-- CSS -->
    <link rel="stylesheet" href="/Statics/css/base.css?v=1462415434" type="text/css" />
    <link rel="stylesheet" href="/Statics/css/common-less.css?v=1462415434" type="text/css" />
    <link rel="stylesheet" href="/Statics/css/homepage/homepage_fonts_iconfont.css?v=1462506773">
    <link rel="stylesheet" href="/Statics/css/homepage/homepage_all_uicn.v1.css?v=1462506773">
    <link rel="stylesheet" href="/Statics/css/homepage/homepage_all_header.v1.css?v=1462506773">
    <!--<link rel="stylesheet" href="/Statics/css/homepage/homepage_all_footer.v1.css?v=1462506773">-->
    <link rel="stylesheet" href="/Statics/css/homepage/homepage_all_nivo-slider.css?v=1462506773">
    <link rel="stylesheet" href="/Statics/css/homepage/homepage_all_modal.css?v=1462506773">
    <link rel="stylesheet" href="/Statics/css/homepage/homepage_all_post.css?v=1462506773">

    <link rel="stylesheet" href="/Statics/css/homepage/homepage_simditor.css?v=1462506773">
    <link rel="stylesheet" href="/Statics/css/homepage/homepage_all_ui-theme.css?v=1462506773">

    <link rel="stylesheet" href="/Statics/css/homepage/homepage_contentover.css?v=1462506773">
    <link rel="stylesheet" href="/Statics/css/homepage/homepage_page.css?v=1462506773">
    <link rel="stylesheet" href="/Statics/css/homepage/homepage_all_min_page.css?v=1462506773">

    <link rel="stylesheet" href="/Statics/css/homepage/homepage_all_home.v1.css?v=1462506773">
    <link rel="stylesheet" href="/Statics/css/homepage/homepage_exp.css?v=1462506773" >
    <link rel="stylesheet" href="/Statics/css/font-awesome.min.css" type="text/css" />
    <!--引入jQuery和SuperSlide.2.1.1-->
    <script type="text/javascript" src="/Statics/js/jquery1.42.min.js"></script>
    <script type="text/javascript" src="/Statics/js/jquery.SuperSlide.2.1.1.js"></script>


</head>

<body>
<div id="ajax-hook"></div>
<!-- header	bg-white start-->
<div class="bg-white">
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--header-->
    <div id="header">

        <div class="page-container" id="nav">
            <div id="logo" class="logo"><a href="/" target="_self" class="hide-text">微客教育网</a></div>


            <button type="button" class="navbar-toggle visible-xs-block js-show-menu" >
                <i class="icon-menu"></i>
            </button>
            <!--未登录时显示-->
            <ul class="nav-item">
                <!--<li class="set-btn visible-xs-block"><a href="/user/newlogin" target="_self">登录</a> / <a href="/user/newsignup" target="_self">注册</a></li>-->
                <li>
                    <a href="<?php echo U('Course/index');?>"  target="_self">课程</a>
                </li>
                <li><a href="<?php echo U('Wenda/index');?>" class="active" target="_self">猿问</a></li>
                <li><a href="<?php echo U('Shouji/index');?>" target="_self">手记</a></li>
            </ul>
            <!--登录注册 未登录才显示 start-->
            <!--<div id="login-area">-->
            <!--<ul class="header-unlogin clearfix">-->
            <!--<li class="header-signin">-->
            <!--<a href="#" id="js-signin-btn">登录</a>-->
            <!--</li>-->
            <!--<li class="header-signup">-->
            <!--<a href="#" id="js-signup-btn">注册</a>-->
            <!--</li>-->
            <!--</ul>-->
            <!--</div>-->
            <!--登录注册 未登录才显示 end-->

            <!--已登录才显示-->
            <div id="login-area">
                <ul class="clearfix logined">
                    <li class="set_btn user-card-box">
                        <a id="header-avator" class="user-card-item" action-type="my_menu" href="/u/3224635/courses"
                           target="_self"><img src='http://img.mukewang.com/user/545862aa0001f8da02200220-40-40.jpg'
                                               width='40' height='40'/>
                            <i class="myspace_remind" style="display: none;"></i>
                            <span style="display: none;">动态提醒</span>
                        </a>
                        <div class="g-user-card">
                            <div class="card-inner">
                                <div class="card-top">
                                    <a href="<?php echo U('Ucenter/index');?>"><img
                                            src="http://img.mukewang.com/545862aa0001f8da02200220-100-100.jpg"
                                            alt="慕粉3224635" class="l"></a>
                                    <a href="<?php echo U('Ucenter/index');?>"><span class="name text-ellipsis">慕粉3224635</span></a>
                                    <p class="meta">
                                        <a href="<?php echo U('Ucenter/experience');?>">经验<b id="js-user-mp">40</b></a>
                                        <a href="<?php echo U('Ucenter/credit');?>">积分<b id="js-user-credit">0</b></a>
                                    </p>

                                    <!--<a href="<?php echo U('Ucenter/setprofile');?>" class='icon-set setup'></a>-->
                                    <a href="<?php echo U('Ucenter/setprofile');?>" class='icon-set setup'>
                                        <i class="fa fa-cog"></i>
                                    </a>

                                </div>
                                <!--
                                <div class="card-links">
                                    <a href="/space/index" class="my-mooc l">我的慕课<i class="dot-update"></i></a>
                                    <span class="split l"></span>
                                    <a href="/myclub/myquestion/t/ques" class="my-sns l">我的社区</a>
                                </div>
                                -->
                                <div class="card-history">
                                    <span class="history-item">
                                        <span class="tit text-ellipsis">响应式布局</span>
                                        <span class="media-name text-ellipsis">1-4 设计原则</span>
                                        <i class="icon-clock"></i>
                                        <a href="<?php echo U('Course/play?vid=494');?>" class="continue">继续</a>
                                    </span>
                                </div>
                                <div class="card-sets clearfix">
                                    <a href="<?php echo U('Wenda/question');?>" target="_blank" class="l mr30">发问题</a>
                                    <a href="<?php echo U('Shouji/write');?>" target="_blank" class="l">写文章</a>
                                    <a href="/passport/user/logout?referer=http://www.imooc.com" class="r">退出</a>
                                </div>
                            </div>
                            <i class="card-arr"></i>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>

</div><!-- header	bg-white end-->

<!-- 轮播图 start -->
<div id="slider-wrapper mtw" class="slider-wrapper mtw">
    <div class="hd">
        <ul><li>1</li><li>2</li><li>3</li></ul>
    </div>
    <div id="slider" class="nivoSlider">
        <ul>
            <li>
                <a href="http://sogou.ui.cn" class="adv_img" rel="422" target="_blank" title="搜狗输入法手机皮肤创意大赛">
                    <img src="/Statics/images/1.jpeg" alt="搜狗输入法手机皮肤创意大赛">
                </a>
            </li>
            <li>
                <a href="http://talk.ui.cn/detail/2419" class="adv_img" rel="446" target="_blank" title="五一节活动">
                    <img src="/Statics/images/2.jpeg" alt="五一节活动">
                </a>
            </li>
            <li>
                <a href="http://study.ui.cn/detail/50.html" class="adv_img" rel="448" target="_blank" title="第五十期每周临摹">
                    <img src="/Statics/images/3.jpeg" alt="第五十期每周临摹">
                </a>
            </li>

        </ul>
    </div>
    <a class="prev" href="javascript:void(0)"></a>
    <a class="next" href="javascript:void(0)"></a>
</div>
<!-- 轮播图 end -->

<!--  -->
<div class="wpn" id="project">
    <!--  -->
    <div class="cl pos">
        <ul class="h-screen">
            <li class="on"><a href="javascript:;" title="首页推荐">首页推荐</a></li>
            <li><a href="/?t=share#project" title="佳作分享">佳作分享</a></li>                                    <li><a href="/?t=new#project" title="最新作品">最新作品</a></li>                            </ul>
        <!--  -->
        <ul class="h-soup cl">

            <li>                            <i class="icon-star1" title="更新"></i>
                <a class="txt" href="/system.html" target="_blank"> 更新：上传作品明细增添字体设计一栏！欢迎大家上传~ </a>
            </li><li class="open">
            <i class="icon-heart-round" title="鸡汤"></i>
            <a class="txt" href="/soup.html" target="_blank"> 鸡汤：苹果大爷还是鼓励认认真真做产品~ </a>
        </li>                            <li>                            <i class="icon-warn" title="公告"></i>
            <a class="txt" href="/site.html" target="_blank"> 公告：UI中国将从0点至明早7点进行数据库优化，平台将无法访问，造成不便敬请谅解！ </a>
        </li>
        </ul>
    </div>
    <!--  -->
    <!--  -->
    <ul class="post post-works mtw cl">

        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/127237.html" target="_blank" title="FIREFALL 设计分享">
                    <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/8/0/0/601008.jpg" class="imgloadinglater" alt="FIREFALL 设计分享" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    FIREFALL 设计分享
                </h4>
                <div class="msg mtn cl">
                    <span class="classify">原创</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>115</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>1</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>2</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/316751.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/1/5/7/6/316751.gif?imageMogr2/auto-orient/crop/!234x234a254a52/thumbnail/120x120/1462506773" title="igame"> <strong class="name">igame</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li><!--  -->
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="http://www.ui.cn/detail/125928.html" class="adimg" rel="99" target="_blank" title="坚持，只因设计让世界更美好">
                    <img width="280" height="210" alt="坚持，只因设计让世界更美好" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/vip/1461926852.jpeg" class="adimg imgloadinglater" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    坚持，只因设计让世界更美好                                </h4>
                <div class="msg mtn cl">
                    <p class="slogan ellipsis">
                        UI中国8周年庆典回顾                                    </p>
                </div>
                <p class="user cl">
                    <a href="http://www.ui.cn/detail/125928.html" class="adimg"  rel="99" target="_blank"><img src="http://img.ui.cn/data/vip/1461926852.jpeg" title="UI中国8周年庆典回顾"> <strong class="name">UI中国8周年庆典回顾</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>

        <!--  -->
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="http://www.ui.cn/detail/124958.html" class="adimg" rel="97" target="_blank" title="iiLeoleung：做动效与学习，最重要的是有目的性">
                    <img width="280" height="210" alt="iiLeoleung：做动效与学习，最重要的是有目的性" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/vip/1461748377.png" class="adimg imgloadinglater" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    iiLeoleung：做动效与学习，最重要的是有目的性                                </h4>
                <div class="msg mtn cl">
                    <p class="slogan ellipsis">
                        UI中国人物专访                                    </p>
                </div>
                <p class="user cl">
                    <a href="http://www.ui.cn/detail/124958.html" class="adimg"  rel="97" target="_blank"><img src="http://img.ui.cn/data/vip/1461748377.png" title="UI中国人物专访"> <strong class="name">UI中国人物专访</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>

        <!--  -->
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="http://www.ui.cn/detail/126049.html" class="adimg" rel="100" target="_blank" title="会做设计的那么多，你凭什么脱颖而出？">
                    <img width="280" height="210" alt="会做设计的那么多，你凭什么脱颖而出？" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/vip/1462028080.jpeg" class="adimg imgloadinglater" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    会做设计的那么多，你凭什么脱颖而出？                                </h4>
                <div class="msg mtn cl">
                    <p class="slogan ellipsis">
                        小米唐沐专访                                    </p>
                </div>
                <p class="user cl">
                    <a href="http://www.ui.cn/detail/126049.html" class="adimg"  rel="100" target="_blank"><img src="http://img.ui.cn/data/vip/1462028080.jpeg" title="UI中国人物专访"> <strong class="name">UI中国人物专访</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>


        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/127049.html" target="_blank" title="SA9527-快餐引导页双风格欣赏~">
                    <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/4/8/1/600184.jpg" class="imgloadinglater" alt="SA9527-快餐引导页双风格欣赏~" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    SA9527-快餐引导页双风格欣赏~                                </h4>
                <div class="msg mtn cl">
                    <span class="classify">原创</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>670</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>6</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>45</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/259932.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/2/3/9/9/259932.jpeg?imageMogr2/auto-orient/crop/!1109x1109a1a0/thumbnail/120x120/1462506773" title="SA9527"> <strong class="name">SA9527</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/125887.html" target="_blank" title="怪物猎人| 原画教程分享">
                    <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/4/1/9/595914.png" class="imgloadinglater" alt="怪物猎人| 原画教程分享" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    怪物猎人| 原画教程分享                                </h4>
                <div class="msg mtn cl">
                    <span class="classify">原创</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>918</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>2</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>82</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/295221.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/1/2/2/5/295221.jpeg?imageMogr2/auto-orient/crop/!277x277a10a14/thumbnail/120x120/1462506773" title="H2学院"> <strong class="name">H2学院</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/126707.html" target="_blank" title="颜值即是正义 -「靠脸吃饭相机」背后的故事">
                    <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/2/8/7/599782.png" class="imgloadinglater" alt="颜值即是正义 -「靠脸吃饭相机」背后的故事" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    颜值即是正义 -「靠脸吃饭相机」背后的故事                                </h4>
                <div class="msg mtn cl">
                    <span class="classify">原创</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>2268</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>7</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>70</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/231158.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/8/5/1/1/231158.png?imageMogr2/auto-orient/crop/!498x498a1a2/thumbnail/120x120/1462506773" title="饿了么UED"> <strong class="name">饿了么UED</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/125463.html" target="_blank" title="Ambilight OS | 流光">
                    <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/4/9/3/593394.png" class="imgloadinglater" alt="Ambilight OS | 流光" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    Ambilight OS | 流光                                </h4>
                <div class="msg mtn cl">
                    <span class="classify">原创</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>1928</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>19</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>90</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/358296.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/6/9/2/8/358296.jpeg?imageMogr2/auto-orient/crop/!2485x2485a847a142/thumbnail/120x120/1462506773" title="卡布咔"> <strong class="name">卡布咔</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/125875.html" target="_blank" title="一组邮票图案设计">
                    <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/0/9/7/594790.jpg" class="imgloadinglater" alt="一组邮票图案设计" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    一组邮票图案设计                                </h4>
                <div class="msg mtn cl">
                    <span class="classify">原创</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>880</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>11</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>62</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/350970.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/0/7/9/0/350970.jpeg?imageMogr2/auto-orient/crop/!500x500a0a0/thumbnail/120x120/1462506773" title="炼画師"> <strong class="name">炼画師</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/126595.html" target="_blank" title="阿牛字体设计">
                    <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/3/7/6/597673.jpg" class="imgloadinglater" alt="阿牛字体设计" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    阿牛字体设计                                </h4>
                <div class="msg mtn cl">
                    <span class="classify">原创</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>1236</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>8</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>104</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/205412.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/2/1/4/5/205412.jpeg?imageMogr2/auto-orient/crop/!322x322a40a41/thumbnail/120x120/1462506773" title="D_阿牛"> <strong class="name">D_阿牛</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/112424.html" target="_blank" title="＃设计门徒＃ 大二练习展示">
                    <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/5/7/1/599175.png" class="imgloadinglater" alt="＃设计门徒＃ 大二练习展示" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    ＃设计门徒＃ 大二练习展示                                </h4>
                <div class="msg mtn cl">
                    <span class="classify">临摹</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>1454</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>19</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>64</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/74508.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/8/0/5/4/74508.60x60.jpg" title="kingxijian"> <strong class="name">kingxijian</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/126821.html" target="_blank" title="“FIREYE峰” COVER">
                    <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/6/9/9/598996.jpg" class="imgloadinglater" alt="“FIREYE峰” COVER" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    “FIREYE峰” COVER                                </h4>
                <div class="msg mtn cl">
                    <span class="classify">原创</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>513</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>5</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>39</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/266982.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/2/8/9/6/266982.jpeg?imageMogr2/auto-orient/crop/!399x399a130a22/thumbnail/120x120/1462506773" title="郑鸣浩"> <strong class="name">郑鸣浩</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/126058.html" target="_blank" title="枯山水 - 东方风格的UI设计衍生">
                    <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/3/4/4/595443.png" class="imgloadinglater" alt="枯山水 - 东方风格的UI设计衍生" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    枯山水 - 东方风格的UI设计衍生                                </h4>
                <a href="http://img.ui.cn/data/sourcefile/1/3/4/60824.7431.zip" id="p-down" class="i-rar">rar</a>                                <div class="msg mtn cl">
                <span class="classify">原创</span>
                <span><i class="icon-eye" title="浏览数"></i><em>5014</em></span>
                <span><i class="icon-comment" title="评论数"></i><em>15</em></span>
                <span><i class="icon-leaf" title="点赞数"></i><em>224</em></span>
            </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/60824.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/4/2/8/0/60824.60x60.png" title="残酷de乐章"> <strong class="name">残酷de乐章</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/118837.html" target="_blank" title="读书笔记-别让我思考">
                    <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/8/4/0/597048.jpg" class="imgloadinglater" alt="读书笔记-别让我思考" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    读书笔记-别让我思考                                </h4>
                <div class="msg mtn cl">
                    <span class="classify">原创</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>1852</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>7</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>53</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/143208.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/8/0/2/3/143208.jpeg?imageMogr2/auto-orient/crop/!526x526a55a106/thumbnail/120x120/1462506773" title="elainezhu"> <strong class="name">elainezhu</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/126008.html" target="_blank" title="dribbble 100days日常界面练习">
                    <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/1/7/3/596371.jpg" class="imgloadinglater" alt="dribbble 100days日常界面练习" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    dribbble 100days日常界面练习                                </h4>
                <div class="msg mtn cl">
                    <span class="classify">原创</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>3604</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>9</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>173</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/194732.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/2/3/7/4/194732.jpeg?imageMogr2/auto-orient/crop/!500x500a0a0/thumbnail/120x120/1462506773" title="Selver"> <strong class="name">Selver</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/96046.html" target="_blank" title="KIKA贴纸——PARTY GIRL">
                    <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/0/5/5/597550.jpg" class="imgloadinglater" alt="KIKA贴纸——PARTY GIRL" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    KIKA贴纸——PARTY GIRL                                </h4>
                <div class="msg mtn cl">
                    <span class="classify">原创</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>849</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>26</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>51</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/86985.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/5/8/9/6/86985.jpeg?imageMogr2/auto-orient/crop/!512x512a0a0/thumbnail/120x120/1462506773" title="嘉顿小熊饼"> <strong class="name">嘉顿小熊饼</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/121102.html" target="_blank" title="WEIRDO CIRCLE OF FRIENDS">
                    <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/2/8/2/575282.jpg" class="imgloadinglater" alt="WEIRDO CIRCLE OF FRIENDS" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    WEIRDO CIRCLE OF FRIENDS                                </h4>
                <div class="msg mtn cl">
                    <span class="classify">原创</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>1194</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>16</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>25</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/200536.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/6/3/5/0/200536.jpeg?imageMogr2/auto-orient/crop/!309x309a465a118/thumbnail/120x120/1462506773" title="南安镇阿毅"> <strong class="name">南安镇阿毅</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/126224.html" target="_blank" title="&quot;语怪“一个悬疑类的阅读APP,我的毕业设计">
                    <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/4/3/6/596634.png" class="imgloadinglater" alt="&quot;语怪“一个悬疑类的阅读APP,我的毕业设计" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    &quot;语怪“一个悬疑类的阅读APP,我的毕业设计                                </h4>
                <div class="msg mtn cl">
                    <span class="classify">原创</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>2774</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>34</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>144</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/106981.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/1/8/9/6/106981.jpeg?imageMogr2/auto-orient/crop/!517x517a71a54/thumbnail/120x120/1462506773" title="zhongxu336"> <strong class="name">zhongxu336</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/125176.html" target="_blank" title="UI中国8周年现场花絮">
                    <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/2/8/8/592882.jpg" class="imgloadinglater" alt="UI中国8周年现场花絮" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    UI中国8周年现场花絮                                </h4>
                <div class="msg mtn cl">
                    <span class="classify">原创</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>1218</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>13</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>41</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/85963.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/3/6/9/5/85963.gif?imageMogr2/auto-orient/crop/!310x310a2a0/thumbnail/120x120/1462506773" title="gsmike"> <strong class="name">gsmike</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/123694.html" target="_blank" title="天气界面小集合">
                    <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/8/5/4/596458.png" class="imgloadinglater" alt="天气界面小集合" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    天气界面小集合                                </h4>
                <div class="msg mtn cl">
                    <span class="classify">原创</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>5018</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>32</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>281</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/197033.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/3/3/0/7/197033.jpeg?imageMogr2/auto-orient/crop/!266x266a37a33/thumbnail/120x120/1462506773" title="luking"> <strong class="name">luking</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>            </ul>
    <ul class="post post-works mtw cl" style="display:none">

        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/127457.html" target="_blank" title="FADE APP UI KIT | FREEBIE |">
                    <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/9/2/9/601929.jpg" class="imgloadinglater" alt="FADE APP UI KIT | FREEBIE |" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    FADE APP UI KIT | FREEBIE |
                </h4>
                <div class="msg mtn cl">
                    <span class="classify">佳作</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>139</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>1</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>4</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/244367.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/small.png" title="下一个天亮97"> <strong class="name">下一个天亮97</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/127121.html" target="_blank" title="Fantasia Reloaded">
                    <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/2/8/4/600482.png" class="imgloadinglater" alt="Fantasia Reloaded" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    Fantasia Reloaded
                </h4>
                <div class="msg mtn cl">
                    <span class="classify">佳作</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>154</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>1</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>9</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/255618.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/8/1/6/5/255618.png?imageMogr2/auto-orient/crop/!596x596a0a0/thumbnail/120x120/1462700583" title="Don汤恩"> <strong class="name">Don汤恩</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/121975.html" target="_blank" title="华为设计总监：年轻设计师如何进步？">
                    <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/5/3/1/579135.jpg" class="imgloadinglater" alt="华为设计总监：年轻设计师如何进步？" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    华为设计总监：年轻设计师如何进步？
                </h4>
                <div class="msg mtn cl">
                    <span class="classify">转载</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>3239</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>6</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>81</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/121028.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/8/2/0/1/121028.60x60.png" title="showyas"> <strong class="name">showyas</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/124653.html" target="_blank" title="RPG / iOs game">
                    <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/9/9/1/590199.png" class="imgloadinglater" alt="RPG / iOs game" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    RPG / iOs game
                </h4>
                <div class="msg mtn cl">
                    <span class="classify">佳作</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>658</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>5</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>27</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/255618.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/8/1/6/5/255618.png?imageMogr2/auto-orient/crop/!596x596a0a0/thumbnail/120x120/1462700583" title="Don汤恩"> <strong class="name">Don汤恩</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
    </ul>
    <ul class="post post-works mtw cl" style="display:none">
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/126253.html" target="_blank" title="兔子快跑啊~~">
                    <img width="280" height="210" src="http://s7.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/3/6/4/603463.jpg" class="imgloadinglater" alt="兔子快跑啊~~" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    #每周临摹#                                    兔子快跑啊~~
                </h4>
                <a href="http://img.ui.cn/data/sourcefile/5/0/5/299493.7505.rar" id="p-down" class="i-rar">rar</a>
                <div class="msg mtn cl">
                <span class="classify">临摹</span>
                <span><i class="icon-eye" title="浏览数"></i><em>4</em></span>
                <span><i class="icon-comment" title="评论数"></i><em>0</em></span>
                <span><i class="icon-leaf" title="点赞数"></i><em>0</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/299493.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/small.png" title="Janadreamer"> <strong class="name">Janadreamer</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/127819.html" target="_blank" title="这个功能很好用，就是付费去水印啊">
                    <img width="280" height="210" src="http://s7.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/0/5/4/603450.png" class="imgloadinglater" alt="这个功能很好用，就是付费去水印啊" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    这个功能很好用，就是付费去水印啊                                </h4>
                <div class="msg mtn cl">
                    <span class="classify">原创</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>3</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>0</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>0</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/144379.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/9/7/3/4/144379.jpeg?imageMogr2/auto-orient/crop/!640x640a0a60/thumbnail/120x120/1462702200" title="大嘴牛"> <strong class="name">大嘴牛</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/127816.html" target="_blank" title="HUI灰">
                    <img width="280" height="210" src="http://s7.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/1/4/4/603441.png" class="imgloadinglater" alt="HUI灰" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    HUI灰                                </h4>
                <div class="msg mtn cl">
                    <span class="classify">原创</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>3</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>0</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>0</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/282284.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/4/8/2/2/282284.png?imageMogr2/auto-orient/crop/!1000x1000a0a0/thumbnail/120x120/1462702200" title="刘有味"> <strong class="name">刘有味</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
        <li>
            <!--  -->
            <div class="shade"></div>
            <!--  -->
            <div class="cover pos">
                <a href="/detail/127818.html" target="_blank" title="快快赚钱">
                    <img width="280" height="210" src="http://s7.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/7/3/4/603437.jpg" class="imgloadinglater" alt="快快赚钱" rel="nofollow">
                </a>
            </div>
            <div class="info">
                <h4 class="title ellipsis download">
                    快快赚钱                                </h4>
                <div class="msg mtn cl">
                    <span class="classify">原创</span>
                    <span><i class="icon-eye" title="浏览数"></i><em>4</em></span>
                    <span><i class="icon-comment" title="评论数"></i><em>0</em></span>
                    <span><i class="icon-leaf" title="点赞数"></i><em>0</em></span>
                </div>
                <p class="user cl">
                    <a href="http://i.ui.cn/ucenter/144379.html" target="_blank"><img src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/9/7/3/4/144379.jpeg?imageMogr2/auto-orient/crop/!640x640a0a60/thumbnail/120x120/1462702200" title="大嘴牛"> <strong class="name">大嘴牛</strong></a>
                </p>
            </div>
            <!--  -->
            <div class="line"></div>
        </li>
    </ul>
    <div class="h_page mtn mbw">
        <ul class='cl'><li><a class='on' href='javascript:;'>1</a></li><li><a href='?p=2#project'>2</a></li><li><a href='?p=3#project'>3</a></li><li><a href='/list.html?r=main&p=2' target='_blank'>...</a></li></ul>
    </div>
    <!--  -->
</div>
<!--  -->

<!--  -->
<div class="bg-white" id="article">
    <div class="wpn cl">
        <div class="w820 z">
            <h1 class="h-tit mtv h-article-btn pos">
                <a class="on" href="javascript:;" title="文章">推荐文章</a>

                <a href="/?art=article#article" title="最新文章">最新文章</a>            </h1>

            <div class="h-article-box">
                <ul class="h-article-list">
                    <li class="cl">
                        <a class="cover" href="/detail/124118.html" title="超简单的页面设计教程(二)" target="_blank">
                            <img width="160" height="120" src="http://img.ui.cn/data/file/1/1/3/588311.jpg" alt="超简单的页面设计教程(二)" rel="nofollow">
                        </a>
                        <div class="h-article-info">
                            <h1 class="cl">
                                <a class="tag bg-blue" target="_blank" href="/exp.html?scatid=15">经验观点</a>
                                <a class="ellipsis" href="/detail/124118.html" title="超简单的页面设计教程(二)" target="_blank">超简单的页面设计教程(二)</a>
                            </h1>
                            <p>又来啦！如何分分钟打造高逼格页面/壁纸&nbsp;( 一如既往的简单暴力 )&mdash;希望大家可以举一反三，加入自己的想法，做出更好的设计~</p>
                            <div class="mtm cl">
                                <a class="avatar z" href="http://i.ui.cn/ucenter/347915.html" title="BIGD_木松子旭" target="_blank">
                                    <img width="20" height="20" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/5/1/9/7/347915.png?imageMogr2/auto-orient/crop/!640x640a0a0/thumbnail/100x100/1462506773" alt="BIGD_木松子旭" rel="nofollow">
                                    <strong class="name">BIGD_木松子旭</strong>
                                </a>
                                <div class="msg z cl">
                                    <span><i class="icon-eye"></i><em>5491</em></span>
                                    <span><i class="icon-comment"></i><em>48</em></span>
                                    <span><i class="icon-leaf"></i><em>251</em></span>
                                </div>
                            </div>
                            <div class="data"><i class="icon-time"></i>4-26 10:44</div>
                        </div>
                    </li>
                    <li class="cl">
                    <a class="cover" href="/detail/123116.html" title="设计的7条心理学原则和定律" target="_blank">
                        <img width="160" height="120" src="http://img.ui.cn/data/file/2/7/0/584072.jpg" alt="设计的7条心理学原则和定律" rel="nofollow">
                    </a>
                    <div class="h-article-info">
                        <h1 class="cl">
                            <a class="tag bg-blue" target="_blank" href="/exp.html?scatid=15">经验观点</a>
                            <a class="ellipsis" href="/detail/123116.html" title="设计的7条心理学原则和定律" target="_blank">设计的7条心理学原则和定律</a>
                        </h1>
                        <p>作为设计师，你不能忽视心理学。因为人类大脑的这些原则，决定了人们对你的设计作何反应、如何相互作用。回顾这7条心理学原则和定律，你能够将它们结合到实际运用中。</p>
                        <div class="mtm cl">
                            <a class="avatar z" href="http://i.ui.cn/ucenter/93876.html" title="可乐橙" target="_blank">
                                <img width="20" height="20" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/6/7/8/3/93876.100x100.png" alt="可乐橙" rel="nofollow">
                                <strong class="name">可乐橙</strong>
                            </a>
                            <div class="msg z cl">
                                <span><i class="icon-eye"></i><em>5418</em></span>
                                <span><i class="icon-comment"></i><em>4</em></span>
                                <span><i class="icon-leaf"></i><em>142</em></span>
                            </div>
                        </div>
                        <div class="data"><i class="icon-time"></i>4-24 02:32</div>
                    </div>
                </li>
                <li class="cl">
                    <a class="cover" href="/detail/120791.html" title="摄影语言在设计中的运用" target="_blank">
                        <img width="160" height="120" src="http://img.ui.cn/data/file/2/0/1/577102.jpg" alt="摄影语言在设计中的运用" rel="nofollow">
                    </a>
                    <div class="h-article-info">
                        <h1 class="cl">
                            <a class="tag bg-blue" target="_blank" href="/exp.html?scatid=15">经验观点</a>
                            <a class="ellipsis" href="/detail/120791.html" title="摄影语言在设计中的运用" target="_blank">摄影语言在设计中的运用</a>
                        </h1>
                        <p>摄影语言在设计中的运用1.产品图片的使用2.画面没有感觉不知道为什么？3.如何正确使用产品图片4.如何让画更舒服</p>
                        <div class="mtm cl">
                            <a class="avatar z" href="http://i.ui.cn/ucenter/104042.html" title="16hao" target="_blank">
                                <img width="20" height="20" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/2/4/0/4/104042.jpeg?imageMogr2/auto-orient/crop/!355x355a3a0/thumbnail/100x100/1462506773" alt="16hao" rel="nofollow">
                                <strong class="name">16hao</strong>
                            </a>
                            <div class="msg z cl">
                                <span><i class="icon-eye"></i><em>4400</em></span>
                                <span><i class="icon-comment"></i><em>7</em></span>
                                <span><i class="icon-leaf"></i><em>94</em></span>
                            </div>
                        </div>
                        <div class="data"><i class="icon-time"></i>4-18 17:19</div>
                    </div>
                </li>
                <li class="cl">
                    <a class="cover" href="/detail/122083.html" title="扁平插画配色宝典" target="_blank">
                        <img width="160" height="120" src="http://img.ui.cn/data/file/8/7/4/579478.png" alt="扁平插画配色宝典" rel="nofollow">
                    </a>
                    <div class="h-article-info">
                        <h1 class="cl">
                            <a class="tag bg-blue" target="_blank" href="/exp.html?scatid=11">设计教程</a>
                            <a class="ellipsis" href="/detail/122083.html" title="扁平插画配色宝典" target="_blank">扁平插画配色宝典</a>
                        </h1>
                        <p>附件里有源文件，有兴趣的同学可以下载哦</p>
                        <div class="mtm cl">
                            <a class="avatar z" href="http://i.ui.cn/ucenter/154760.html" title="kaokao" target="_blank">
                                <img width="20" height="20" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/0/6/7/4/154760.png?imageMogr2/auto-orient/crop/!139x139a0a0/thumbnail/100x100/1462506773" alt="kaokao" rel="nofollow">
                                <strong class="name">kaokao</strong>
                            </a>
                            <div class="msg z cl">
                                <span><i class="icon-eye"></i><em>12103</em></span>
                                <span><i class="icon-comment"></i><em>42</em></span>
                                <span><i class="icon-leaf"></i><em>522</em></span>
                            </div>
                        </div>
                        <div class="data"><i class="icon-time"></i>4-21 17:37</div>
                    </div>
                </li>
                <li class="cl">
                    <a class="cover" href="/detail/121589.html" title="5个理由告诉你，为什么UX设计那么贵" target="_blank">
                        <img width="160" height="120" src="http://img.ui.cn/data/file/1/1/3/577311.jpg" alt="5个理由告诉你，为什么UX设计那么贵" rel="nofollow">
                    </a>
                    <div class="h-article-info">
                        <h1 class="cl">
                            <a class="tag bg-blue" target="_blank" href="/exp.html?scatid=15">经验观点</a>
                            <a class="ellipsis" href="/detail/121589.html" title="5个理由告诉你，为什么UX设计那么贵" target="_blank">5个理由告诉你，为什么UX设计那么贵</a>
                        </h1>
                        <p>这不仅仅是一篇经验，而是前辈用日积月累得工作心得，用笔记用脑想，最重要得是要走心。还有我是占位符不是简介。</p>
                        <div class="mtm cl">
                            <a class="avatar z" href="http://i.ui.cn/ucenter/114337.html" title="enqoo" target="_blank">
                                <img width="20" height="20" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/7/3/3/4/114337.png?imageMogr2/auto-orient/crop/!1626x1626a2545a0/thumbnail/100x100/1462506773" alt="enqoo" rel="nofollow">
                                <strong class="name">enqoo</strong>
                            </a>
                            <div class="msg z cl">
                                <span><i class="icon-eye"></i><em>5706</em></span>
                                <span><i class="icon-comment"></i><em>0</em></span>
                                <span><i class="icon-leaf"></i><em>28</em></span>
                            </div>
                        </div>
                        <div class="data"><i class="icon-time"></i>4-20 16:26</div>
                    </div>
                </li>
                <li class="cl">
                    <a class="cover" href="/detail/122227.html" title="视觉设计师－如何让设计效果高还原度落地？" target="_blank">
                        <img width="160" height="120" src="http://img.ui.cn/data/file/3/2/9/579923.png" alt="视觉设计师－如何让设计效果高还原度落地？" rel="nofollow">
                    </a>
                    <div class="h-article-info">
                        <h1 class="cl">
                            <a class="tag bg-blue" target="_blank" href="/exp.html?scatid=15">经验观点</a>
                            <a class="ellipsis" href="/detail/122227.html" title="视觉设计师－如何让设计效果高还原度落地？" target="_blank">视觉设计师－如何让设计效果高还原度落地？</a>
                        </h1>
                        <p>一个产品始终保持是那个细节精致，创意精彩，且用户体验好；需要的是交互－视觉－开发三者之间是无缝合作，各个环节的周全考虑。</p>
                        <div class="mtm cl">
                            <a class="avatar z" href="http://i.ui.cn/ucenter/134949.html" title="candice1616" target="_blank">
                                <img width="20" height="20" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/9/4/9/4/134949.100x100.jpeg" alt="candice1616" rel="nofollow">
                                <strong class="name">candice1616</strong>
                            </a>
                            <div class="msg z cl">
                                <span><i class="icon-eye"></i><em>4753</em></span>
                                <span><i class="icon-comment"></i><em>23</em></span>
                                <span><i class="icon-leaf"></i><em>113</em></span>
                            </div>
                        </div>
                        <div class="data"><i class="icon-time"></i>4-21 22:26</div>
                    </div>
                </li>
                </ul>
                <div class="h_page mtw mbw">
                <ul class='cl'><li><a class='on' href='javascript:;'>1</a></li><li><a href='?page=2#article'>2</a></li><li><a href='?page=3#article'>3</a></li><li><a href='/exp.html?tag=1&p=3' target='_blank'>...</a></li></ul>
                </div>
            </div>

        </div>
        <div class="w280 y mtv">
            <h1 class="h-tit-aside">热招职位</h1>
            <ul class="h-aside-list">
                <li class="pos">
                    <a href="http://zhaopin.ui.cn/prev/pid/288.html" target="_blank">
                        <img class="cover" width="280" height="125" src="http://img.ui.cn/data/booth/201605/1462251064_989.jpeg" alt="" rel="nofollow">
                        <div class="h-aside-show">
                            <p class="item ellipsis">[上海市] UI交互设计师 [5k-10k]</p><p class="item ellipsis">[上海市] UI交互设计师助理 [5k-7k]</p><p class="item ellipsis">[上海市] UI交互设计实习生 [4k-5k]</p>                            </div>
                    </a>
                </li><li class="pos">
                <a href="http://zhaopin.ui.cn/prev/pid/391.html" target="_blank">
                    <img class="cover" width="280" height="125" src="http://img.ui.cn/data/booth/201605/1462251099_812.jpeg" alt="" rel="nofollow">
                    <div class="h-aside-show">
                        <p class="item ellipsis">[北京市] UI设计师 [10k-15k]</p>                            </div>
                </a>
            </li><li class="pos">
                <a href="http://zhaopin.ui.cn/prev/pid/8.html" target="_blank">
                    <img class="cover" width="280" height="125" src="http://img.ui.cn/data/booth/201605/1462251033_414.jpeg" alt="" rel="nofollow">
                    <div class="h-aside-show">
                        <p class="item ellipsis">[北京市] 动态视觉设计师 [面议]</p><p class="item ellipsis">[北京市] 视觉设计师(实习) [面议]</p><p class="item ellipsis">[北京市] 视觉设计师 [面议]</p><p class="item ellipsis">[北京市] 交互设计师 [面议]</p>                            </div>
                </a>
            </li>            </ul>
            <a class="more" href="http://zhaopin.ui.cn/" title="招聘" target="_blank">更多</a>

            <h1 class="h-tit-aside mtw">热门课程</h1>
            <ul class="h-aside-list">
                <li class="pos">
                    <a href="http://peixun.ui.cn/detail/353.html" target="_blank">
                        <img class="cover" width="280" height="125" src="http://img.ui.cn/data/booth/201603/1459240637_442.png" alt="" rel="nofollow">
                    </a>
                </li><li class="pos">
                <a href="http://peixun.ui.cn/detail/345.html" target="_blank">
                    <img class="cover" width="280" height="125" src="http://img.ui.cn/data/booth/201603/1459240705_627.png" alt="" rel="nofollow">
                </a>
            </li><li class="pos">
                <a href="http://peixun.ui.cn/detail/349.html" target="_blank">
                    <img class="cover" width="280" height="125" src="http://img.ui.cn/data/booth/201603/1459240754_783.png" alt="" rel="nofollow">
                </a>
            </li>            </ul>
            <a class="more" href="http://peixun.ui.cn/" title="培训" target="_blank">更多</a>

        </div>
    </div>
</div>
<!--  -->

<!--  -->
<div class="wpn ptbw cl">
    <div class="h-novice h-novice-first">
        <img class="cover" width="334" height="134" src="/Public/img/shouye/xinshou-680x280.png" alt="初级设计师必读专题" rel="nofollow">
        <ul class="list">
            <li>
                <a class="ellipsis" href="/detail/33062.html" title="极简主义" target="_blank">极简主义</a>                    </li><li>
            <a class="ellipsis" href="/detail/33277.html" title="色彩实验与概念设计" target="_blank">色彩实验与概念设计</a>                    </li><li>
            <a class="ellipsis" href="/detail/23826.html" title="【设计师配色宝典！教你从零开始学配色】" target="_blank">【设计师配色宝典！教你从零开始学配色】</a>                    </li><li>
            <a class="ellipsis" href="/detail/79980.html" title="UI新手如何自学" target="_blank">UI新手如何自学</a>                    </li><li>
            <a class="ellipsis" href="/detail/16467.html" title="《U1》05 - 三年入职大公司" target="_blank">《U1》05 - 三年入职大公司</a>                    </li><li>
            <a class="ellipsis" href="/detail/32941.html" title="200+值得收藏的设计师资源站" target="_blank">200+值得收藏的设计师资源站</a>                    </li><li>
            <a class="ellipsis" href="/detail/47865.html" title="UI设计师应掌握的知识体系以及职业规划！" target="_blank">UI设计师应掌握的知识体系以及职业规划！</a>                    </li><li>
            <a class="ellipsis" href="/detail/33174.html" title="什么是极简主义" target="_blank">什么是极简主义</a>                    </li><li>
            <a class="ellipsis" href="/detail/27165.html" title="6年面试经验总结！设计师如何从8个方面全面提升自己？" target="_blank">6年面试经验总结！设计师如何从8个方面全面提升自己？</a>                    </li><li>
            <a class="ellipsis" href="/detail/32936.html" title="设计师该如何快速成长？" target="_blank">设计师该如何快速成长？</a>                    </li><li>
            <a class="ellipsis" href="/detail/15718.html" title="《U1》01 - 不要再傻傻分不清楚" target="_blank">《U1》01 - 不要再傻傻分不清楚</a>                    </li><li>
            <a class="ellipsis" href="/detail/32937.html" title="设计师最常见的11个设计误区" target="_blank">设计师最常见的11个设计误区</a>                    </li><li>
            <a class="ellipsis" href="/detail/33176.html" title="我们为何要在设计中重视“留白”" target="_blank">我们为何要在设计中重视“留白”</a>                    </li>            </ul>
        <a class="more" href="http://topic.ui.cn/" target="_blank" title="专题">更多...</a>
    </div>

    <div class="h-novice">
        <div class="pos">
            <a class="cover" href="/detail/124965.html" target="_blank">
                <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/9/4/7/592749.gif" class="imgloadinglater"  alt="Framer 实例03  翻页动画" rel="nofollow">
            </a>
            <i class="icon-hexagon-tag h-novice-tag"><span class="txt">观点</span></i>
            <div class="info">
                <h1><a href="/detail/124965.html" target="_blank">Framer 实例03  翻页动画</a></h1>
                <p class="txt">Framer 实例03 &nbsp;翻页动画</p>

            </div>
            <div class="author cl">
                <a href="http://i.ui.cn/ucenter/125972.html" class="avatar z" target="_blank"><img width="50" height="50" src="http://s8.ui.cn/img/1px.png" data-original="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/2/7/9/5/125972.jpeg?imageMogr2/auto-orient/crop/!184x184a200a6/thumbnail/100x100/1462506773" class="imgloadinglater" alt="粉红色的鸡叔" rel="nofollow"></a>
                <div class="z">
                    <h5 class="name"><a href="http://i.ui.cn/ucenter/125972.html" target="_blank">粉红色的鸡叔</a></h5>
                    <div class="msg cl">
                        <span><i class="icon-eye"></i><em>4041</em></span>
                        <span><i class="icon-comment"></i><em>10</em></span>
                        <span><i class="icon-leaf"></i><em>47</em></span>
                    </div>
                </div>
            </div>
        </div>
        <a class="cover" href="http://topic.ui.cn/detail?tid=39" target="_blank">
            <img class="cover imgloadinglater" width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="/Public/img/shouye/linian-560x420.png" alt="UI设计规范" rel="nofollow">
        </a>
    </div>

    <div class="h-novice">
        <a class="cover pos" href="http://study.ui.cn/list.html" target="_blank">
            <img width="280" height="210" src="http://img.ui.cn/active/1ce875c7db73d214be22a3d48afd0230.jpeg" alt="第五十期每周临摹：超简单3D icon教程详细版" rel="nofollow">
            <i class="icon-hexagon-tag h-novice-tag purple"><span class="txt">第50期</span></i>
        </a>
        <div class="pos">
            <a class="cover" href="/detail/125634.html" target="_blank"><img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/2/5/0/594052.jpg" class="imgloadinglater" alt="10个自由职业者日常的智能小贴士" rel="nofollow"></a>
            <i class="icon-hexagon-tag h-novice-tag"><span class="txt">教程</span></i>
            <div class="info">
                <h1><a href="/detail/125634.html" target="_blank">10个自由职业者日常的智能小贴士</a></h1>
                <p class="txt">这不仅仅是一篇经验，而是前辈用日积月累得工作心得，用笔记用脑想，最重要得是要走心。还有我是占位符不是简介。</p>

            </div>
            <div class="author cl">
                <a href="http://i.ui.cn/ucenter/114337.html" class="avatar z" target="_blank"><img width="50" height="50" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/7/3/3/4/114337.png?imageMogr2/auto-orient/crop/!1626x1626a2545a0/thumbnail/100x100/1462506773" alt="enqoo" rel="nofollow"></a>
                <div class="z">
                    <h5 class="name"><a href="http://i.ui.cn/ucenter/114337.html" target="_blank">enqoo</a></h5>
                    <div class="msg cl">
                        <span><i class="icon-eye"></i><em>4154</em></span>
                        <span><i class="icon-comment"></i><em>5</em></span>
                        <span><i class="icon-leaf"></i><em>40</em></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="h-novice">
        <div class="pos">
            <a class="cover" href="/detail/123587.html" target="_blank">
                <img width="280" height="210" src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/file/0/3/3/593330.png" class="imgloadinglater" alt="变化万千！AI中打造万花筒艺术效果" rel="nofollow">
            </a>
            <i class="icon-hexagon-tag h-novice-tag"><span class="txt">观点</span></i>
            <div class="info">
                <h1><a href="/detail/123587.html" target="_blank">变化万千！AI中打造万花筒艺术效果</a></h1>
                <p class="txt">根据万花筒的艺术原理，利用镜面反射以及图层外观等工具来制作各种有趣的图案。</p>

            </div>
            <div class="author cl">
                <a href="http://i.ui.cn/ucenter/160727.html" class="avatar z" target="_blank"><img width="50" height="50" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/7/2/7/0/160727.jpeg?imageMogr2/auto-orient/crop/!1008x1008a0a0/thumbnail/100x100/1462506773" alt="飞屋睿" rel="nofollow"></a>
                <div class="z">
                    <h5 class="name"><a href="http://i.ui.cn/ucenter/160727.html" target="_blank">飞屋睿</a></h5>
                    <div class="msg cl">
                        <span><i class="icon-eye"></i><em>4675</em></span>
                        <span><i class="icon-comment"></i><em>4</em></span>
                        <span><i class="icon-leaf"></i><em>96</em></span>
                    </div>
                </div>
            </div>
        </div>
        <a class="cover" href="http://topic.ui.cn/detail?tid=45" target="_blank">
            <img class="cover" width="280" height="210" src="/Public/img/shouye/source-560x420.png" alt="源文件专题" rel="nofollow">
        </a>
    </div>
</div>
<!--  -->

<!--  -->
<div class="wpn ">
    <!--  -->
    <h1 class="h-tit ptv h-member-btn pos">
        <a class="on" href="javascript:;" title="活跃会员">活跃会员</a>

    </h1>
    <div class="h-member-box">
        <ul class="h-member cl">
            <li class="cl">
                <a class="avatar-sm" title="" href="http://i.ui.cn/ucenter/66893.html" target="_blank">
                    <img rel="nofollow" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/3/9/8/6/66893.100x100.jpg" alt="tczhang">
                </a>
                <div class="cont">
                    <h5 class="user"><a target="_blank" href="http://i.ui.cn/ucenter/66893.html">tczhang:</a></h5>
                    <p class="text">Nothing better than something ～</p>
                </div>
            </li>
            <li class="cl">
            <a class="avatar-sm" title="" href="http://i.ui.cn/ucenter/55383.html" target="_blank">
                <img rel="nofollow" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/3/8/3/5/55383.100x100.jpg" alt="牛MO王">
            </a>
            <div class="cont">
                <h5 class="user"><a target="_blank" href="http://i.ui.cn/ucenter/55383.html">牛MO王:</a></h5>
                <p class="text">人活着就是为了实现吹过的牛逼！</p>
            </div>
            </li>
            <li class="cl">
            <a class="avatar-sm" title="" href="http://i.ui.cn/ucenter/119123.html" target="_blank">
                <img rel="nofollow" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/3/2/1/9/119123.jpeg?imageMogr2/auto-orient/crop/!453x453a56a6/thumbnail/100x100/1462506773" alt="dingxiafei">
            </a>
            <div class="cont">
                <h5 class="user"><a target="_blank" href="http://i.ui.cn/ucenter/119123.html">dingxiafei:</a></h5>
                <p class="text">Just do it!</p>
            </div>
            </li>
            <li class="cl">
            <a class="avatar-sm" title="" href="http://i.ui.cn/ucenter/74508.html" target="_blank">
                <img rel="nofollow" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/8/0/5/4/74508.100x100.jpg" alt="kingxijian">
            </a>
            <div class="cont">
                <h5 class="user"><a target="_blank" href="http://i.ui.cn/ucenter/74508.html">kingxijian:</a></h5>
                <p class="text">专业对接app设计 微信：kingxijian</p>
            </div>
            </li>
            <li class="cl">
            <a class="avatar-sm" title="" href="http://i.ui.cn/ucenter/44222.html" target="_blank">
                <img rel="nofollow" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/2/2/2/4/44222.100x100.png" alt="Celegorm">
            </a>
            <div class="cont">
                <h5 class="user"><a target="_blank" href="http://i.ui.cn/ucenter/44222.html">Celegorm:</a></h5>
                <p class="text">写点什么吧</p>
            </div>
            </li>
            <li class="cl">
            <a class="avatar-sm" title="" href="http://i.ui.cn/ucenter/93782.html" target="_blank">
                <img rel="nofollow" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/2/8/7/3/93782.jpeg?imageMogr2/auto-orient/crop/!308x308a0a0/thumbnail/100x100/1462506773" alt="守望者">
            </a>
            <div class="cont">
                <h5 class="user"><a target="_blank" href="http://i.ui.cn/ucenter/93782.html">守望者:</a></h5>
                <p class="text">插画设计约稿微信号LHF924927，微博守望者Swangzhe</p>
            </div>
            </li>
            <li class="cl">
            <a class="avatar-sm" title="" href="http://i.ui.cn/ucenter/16581.html" target="_blank">
                <img rel="nofollow" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/1/8/5/6/16581.100x100.jpg" alt="JOMMANS">
            </a>
            <div class="cont">
                <h5 class="user"><a target="_blank" href="http://i.ui.cn/ucenter/16581.html">JOMMANS:</a></h5>
                <p class="text">设计病患者晚期</p>
            </div>
            </li>
            <li class="cl">
            <a class="avatar-sm" title="" href="http://i.ui.cn/ucenter/75417.html" target="_blank">
                <img rel="nofollow" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/7/1/4/5/75417.png?imageMogr2/auto-orient/crop/!3419x3419a0a0/thumbnail/100x100/1462506773" alt="GianniChia">
            </a>
            <div class="cont">
                <h5 class="user"><a target="_blank" href="http://i.ui.cn/ucenter/75417.html">GianniChia:</a></h5>
                <p class="text">giannidesign.com</p>
            </div>
            </li>
        </ul>
        <ul class="h-member cl">
            <li class="cl">
                <a class="avatar-sm" title="Pagck" href="http://i.ui.cn/ucenter/282937.html" target="_blank">
                    <img rel="nofollow" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/7/3/9/2/282937.jpeg?imageMogr2/auto-orient/crop/!370x370a149a3/thumbnail/100x100/1462506773" alt="Pagck">
                </a>
                <div class="cont">
                    <h5 class="user"><a target="_blank" href="http://i.ui.cn/ucenter/282937.html">Pagck:</a></h5>
                    <p class="text">见证自己的成长</p>
                    <div class="date">最近一周:发布21,被赞6,评论0</div>
                </div>
            </li>
            <li class="cl">
            <a class="avatar-sm" title="MrWuss" href="http://i.ui.cn/ucenter/89105.html" target="_blank">
                <img rel="nofollow" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/5/0/1/9/89105.jpeg?imageMogr2/auto-orient/crop/!240x240a80a30/thumbnail/100x100/1462506773" alt="MrWuss">
            </a>
            <div class="cont">
                <h5 class="user"><a target="_blank" href="http://i.ui.cn/ucenter/89105.html">MrWuss:</a></h5>
                <p class="text">就算不是最优秀的，也要努力让自己成为最优秀的。</p>
                <div class="date">最近一周:发布19,被赞3,评论0</div>
            </div>
            </li>
            <li class="cl">
            <a class="avatar-sm" title="春风十里不如你" href="http://i.ui.cn/ucenter/359829.html" target="_blank">
                <img rel="nofollow" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/9/2/8/9/359829.jpeg?imageMogr2/auto-orient/crop/!720x720a0a0/thumbnail/100x100/1462506773" alt="春风十里不如你">
            </a>
            <div class="cont">
                <h5 class="user"><a target="_blank" href="http://i.ui.cn/ucenter/359829.html">春风十里不如你:</a></h5>
                <p class="text">设计，是一次次艺术的自我旅行。</p>
                <div class="date">最近一周:发布17,被赞1,评论4</div>
            </div>
            </li>
            <li class="cl">
            <a class="avatar-sm" title="泡沫小鱼" href="http://i.ui.cn/ucenter/357581.html" target="_blank">
                <img rel="nofollow" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/1/8/5/7/357581.jpeg?imageMogr2/auto-orient/crop/!198x198a2a0/thumbnail/100x100/1462506773" alt="泡沫小鱼">
            </a>
            <div class="cont">
                <h5 class="user"><a target="_blank" href="http://i.ui.cn/ucenter/357581.html">泡沫小鱼:</a></h5>
                <p class="text">精品在于把握细节</p>
                <div class="date">最近一周:发布16,被赞2,评论0</div>
            </div>
            </li>
            <li class="cl">
            <a class="avatar-sm" title="奥奇猫猫" href="http://i.ui.cn/ucenter/251579.html" target="_blank">
                <img rel="nofollow" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/9/7/5/1/251579.jpeg?imageMogr2/auto-orient/crop/!1481x1481a619a574/thumbnail/100x100/1462506773" alt="奥奇猫猫">
            </a>
            <div class="cont">
                <h5 class="user"><a target="_blank" href="http://i.ui.cn/ucenter/251579.html">奥奇猫猫:</a></h5>
                <p class="text">逼格不过一点姿态</p>
                <div class="date">最近一周:发布16,被赞0,评论0</div>
            </div>
            </li>
            <li class="cl">
            <a class="avatar-sm" title="糖米1989" href="http://i.ui.cn/ucenter/108058.html" target="_blank">
                <img rel="nofollow" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/8/5/0/8/108058.100x100.jpg" alt="糖米1989">
            </a>
            <div class="cont">
                <h5 class="user"><a target="_blank" href="http://i.ui.cn/ucenter/108058.html">糖米1989:</a></h5>
                <p class="text">我想追求更大的世界。</p>
                <div class="date">最近一周:发布15,被赞1,评论0</div>
            </div>
            </li>
            <li class="cl">
            <a class="avatar-sm" title="famabily" href="http://i.ui.cn/ucenter/321775.html" target="_blank">
                <img rel="nofollow" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/big.png" alt="famabily">
            </a>
            <div class="cont">
                <h5 class="user"><a target="_blank" href="http://i.ui.cn/ucenter/321775.html">famabily:</a></h5>
                <p class="text">努力的人最幸运，爱设计爱摄影！（站酷：木子雨山女乔）</p>
                <div class="date">最近一周:发布14,被赞1,评论0</div>
            </div>
            </li>
            <li class="cl">
            <a class="avatar-sm" title="z5553820" href="http://i.ui.cn/ucenter/309701.html" target="_blank">
                <img rel="nofollow" src="http://7u2k3q.com2.z0.glb.qiniucdn.com/avatar/big.png" alt="z5553820">
            </a>
            <div class="cont">
                <h5 class="user"><a target="_blank" href="http://i.ui.cn/ucenter/309701.html">z5553820:</a></h5>
                <p class="text"></p>
                <div class="date">最近一周:发布13,被赞0,评论0</div>
            </div>
            </li>
        </ul>
    </div>
    <div class="line"></div>
    <!--  -->
    <!--  -->
    <h1 class="h-tit2">合作伙伴</h1>
    <div class="h-partners cl">
        <ul class="logo cl">
            <li><a href="http://www.mi.com/" target="_blank" title="小米"><img src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/link/201511/1447656039_430.png" class="imgloadinglater" alt="小米" rel="nofollow"></a></li><li><a href="http://www.vchello.com/" target="_blank" title="Vchello"><img src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/link/201511/1447654816_196.png" class="imgloadinglater" alt="Vchello" rel="nofollow"></a></li><li><a href="http://www.chuangxin.com/" target="_blank" title="创新工场"><img src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/link/201511/1447654828_683.png" class="imgloadinglater" alt="创新工场" rel="nofollow"></a></li><li><a href="http://www.designboom.cn/" target="_blank" title="设计邦"><img src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/link/201511/1447654861_610.png" class="imgloadinglater" alt="设计邦" rel="nofollow"></a></li><li><a href="http://www.lagou.com/" target="_blank" title="拉勾网"><img src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/link/201511/1447655152_896.png" class="imgloadinglater" alt="拉勾网" rel="nofollow"></a></li><li><a href="http://www.meiyou.com/" target="_blank" title="美柚"><img src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/link/201511/1447654890_866.png" class="imgloadinglater" alt="美柚" rel="nofollow"></a></li><li><a href="http://mux.baidu.com" target="_blank" title="百度mux"><img src="http://s8.ui.cn/img/1px.png" data-original="http://img.ui.cn/data/link/201605/1462355924_645.png" class="imgloadinglater" alt="百度mux" rel="nofollow"></a></li>
        </ul>
        <ul class="text cl">
            <li><a href="http://www.vxplo.cn/" target="_blank" title="互动大师">互动大师</a></li><li><a href="http://www.yanj.cn" target="_blank" title="演界PPT">演界PPT</a></li><li><a href="http://www.gbtags.com" target="_blank" title="极客标签">极客标签</a></li><li><a href="http://www.uisdc.com/" target="_blank" title="优设">优设</a></li><li><a href="http://www.chuangkit.com" target="_blank" title="创客贴">创客贴</a></li><li><a href="http://www.neipin.com/" target="_blank" title="内聘网">内聘网</a></li><li><a href="http://www.weiye.me" target="_blank" title="H5页面制作">H5页面制作</a></li><li><a href="http://www.rabbitpre.com" target="_blank" title="兔展">兔展</a></li><li><a href="http://cn.cmcm.com/" target="_blank" title="猎豹移动">猎豹移动</a></li><li><a href="http://www.ps2h5.com/" target="_blank" title="屏面">屏面</a></li>
        </ul>
    </div>
    <!--  -->
</div>

<!--  -->

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--底部-->
    <div id="footer" >
        <div class="waper">
            <div class="footerwaper clearfix">
                <div class="followus r">
                    <a class="followus-weixin" href="javascript:;"  target="_blank" title="微信">
                        <div class="flw-weixin-box"></div>
                    </a>
                    <a class="followus-weibo" href="http://weibo.com/u/3306361973"  target="_blank" title="新浪微博"></a>
                    <a class="followus-qzone" href="http://user.qzone.qq.com/1059809142/" target="_blank" title="QQ空间"></a>
                </div>
                <div class="footer_intro l">
                    <div class="footer_link">
                        <ul>
                            <li><a href="http://www.imooc.com/" target="_blank">网站首页</a></li>
                            <li><a href="/about/job" target="_blank">人才招聘</a></li>
                            <li> <a href="/about/contact" target="_blank">联系我们</a></li>
                            <li><a href="http://yun.imooc.com/" target="_blank">慕课云</a></li>
                            <li><a href="/corp/index" target="_blank">合作专区</a></li>
                            <li><a href="/about/us" target="_blank">关于我们</a></li>
                            <li> <a href="/about/recruit" target="_blank">讲师招募</a></li>
                            <li> <a href="/user/feedback" target="_blank">意见反馈</a></li>
                            <li> <a href="/about/friendly" target="_blank">友情链接</a></li>
                        </ul>
                    </div>
                    <p>Copyright © 2016 imooc.com All Rights Reserved | 京ICP备 13046642号-2</p>
                </div>
            </div>
        </div>
    </div>

</body>
</html>
<!-- ft-wp -->
<!--  -->

<!---->
<div id="scrollUp" class="scrollup">
    <a class="arrows" title="返回顶部" href="javascript:;"></a>
    <a class="feedback" title="反馈" target="_blank" href="http://qa.ui.cn/"><em>反馈</em></a>
</div>
<div style="display:none;">

</div>
<!--轮播图效果-->
<script type="text/javascript">
    jQuery(".slider-wrapper").slide({mainCell:".nivoSlider ul",autoPlay:true});
//    jQuery(".slideBox").slide({mainCell:".bd ul",effect:"fold",autoPlay:true});

</script>
</body>
</html>